<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://xmlns.jcp.org/jsf/core">

    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>GESTion de PROJets - <ui:insert name="title"/></title>
    </h:head>

    <h:body>
        <f:facet name="last">
            <h:outputStylesheet library="medias/css" name="primefaces-components.css"/>
            <h:outputStylesheet library="medias/css" name="application.css"/>
        </f:facet>
        <p:layout fullPage="true">
            <p:layoutUnit position="west">
                <ui:include src="menu.xhtml"/>
            </p:layoutUnit>
            <p:layoutUnit position="center">
                <p:growl autoUpdate="true"/>
                <h1><ui:insert name="title"/></h1>
                <ui:insert name="content"/>
            </p:layoutUnit>
        </p:layout>

        <ui:insert name="dialog"/>
        
        <h:form>
            <p:confirmDialog widgetVar="dialogConfirmationDeconnexion" showEffect="fade" closeOnEscape="true" header="Deconnexion">
                <f:facet name="message">
                    <h:outputText value="Etes-vous sûr de vouloir vous deconnecter ? Tout travail non enregistré sera perdu." />
                </f:facet>
                <div align="right">
                    <p:commandButton value="Annuler" icon="ui-icon-circle-close" oncomplete="PF('dialogConfirmationDeconnexion').hide()" />
                    <p:commandButton value="Se deconnecter" icon="ui-icon-power" action="#{authentificationBean.doLogOut}" oncomplete="PF('dialogConfirmationDeconnexion').hide()" ajax="false" />
                </div>
            </p:confirmDialog>
        </h:form>
    </h:body>

</html>
